<template>
  <div>
    <el-button style="color:orange; padding:10px 20px; border:1px solid orange;border-radius: 15px;"  type="text"
               size="small" @click="dialogVisible = true">去评价
    </el-button>

    <el-dialog title="评价" center="true" :visible.sync="dialogVisible" width="30%" :before-close="handleClose">
      <div class="evaluate">
        <div>
          <span>描述相符:</span>
          <el-rate v-model="value" show-text></el-rate>
        </div>
        <div>
          <span>物流服务:</span>
          <el-rate v-model="value1" show-text></el-rate>
        </div>
        <div>
          <span>服务态度:</span>
          <el-rate v-model="value2" show-text></el-rate>
        </div>
      </div>
      <span slot="footer" class="dialog-footer">
   <el-button @click="dialogVisible = false">取消</el-button>
   <el-button type="primary" @click="issue">发布</el-button>
   </span>
    </el-dialog>
  </div>
</template>

<script>
export default {
  data() {
    return {
      dialogVisible: false,
      value: null,
      value1: null,
      value2: null,
      evaluate: {}
    };
  },
  methods: {
    issue() {
      // post请求，将参数 value value1 value2
    }
  },
}
</script>

<style lang="scss" scoped>
.evaluate {
  div {
    display: flex;
  }
}
</style>